body,html{
    height:100%;
}
body{
    display: flex;
    flex-direction: column;
    background-color: #F6F6F6;
}
header{
    display:flex;
    justify-content: space-between;
    background:white;
    align-items: center;
    height:50px;
}
header button{
    margin:10px;
}
.icon-arrow-left{
    margin:10px;
}
header .searchbox{
    flex:1;
    
    border-radius: 10px;
    margin:0 25px 0 20px;
    position:relative;
    background: #ccc;

    border-radius:15px;
}

header .searchbox span{
    position:absolute;
    left:10px;
    top:8px;
    color:black;
    

}
#search{
    border:0;
    background: #ccc;
    height:30px;
    padding-left: 30px;
    outline: none;
    border-radius:15px;
}

main .newsearch{
    padding:20px 10px 10px 10px;
     width:100%;
    background:#fff;
    margin-top:1px;
}
main .newsearch .title{
    display:flex;
    justify-content: space-between;
}
main .newsearch .title span:last-child{
    color:#ccc;
}
main ,.newsearch .listbox{
    display: flex;
    
    flex-wrap: wrap;
    padding:10px;
}
main .newsearch .listbox span{
    background: #F6F6F6;
    padding:8px;
    margin:5px;
}



